.box{
    padding: 0;
    margin: 0;
    width: 100%;
    h1{
        text-align: center;
    }
}
h1{
    margin: .3125rem auto;
    // width: .8802rem;
    // height: .2188rem;
    background: linear-gradient(180deg,#f93d21, #ffa844);
    -webkit-background-clip: text;
    color: transparent;
}
.square{
    width: 100%;
    display: flex;
    // justify-content: space-evenly;
}
.first{
    // width: 1.9531rem;
    flex: 1;
    height:  2.742rem;
    margin-right: .08rem;
    img{
        width: 100%;
        height: 100%;
    }
}
.second{
    // flex:  1.5;
    // border: 1px solid red;
    display: flex;
    flex-direction: column;

}
.third{
    // width: 3.2448rem;
    // flex: 1;

    height: 0.9729rem;

    margin-bottom: .0729rem;
    img{
        width: 100%;
        height: 100%;
    }
}
.four{
    display: flex;
    // flex: 1.5;
    height: 1.699rem;
    width:3.3rem;
    
    img{
        width: 100%;
        height: 100%;
    }
    // justify-content: space-evenly;
    // width: 3.2448rem;
    // height: 1.4948rem;
}
.f-left{
    // width: 1.5625rem;
    flex: 1;
    margin-right: .0821rem;
    img{
        width: 100%;
        height: 100%;
    }
}
.f-right{
    // width: 1.5625rem;
    flex: 1;
    img{
        width: 100%;
        height: 100%;
    }
}